﻿@charset "utf-8";
html,body { width:100%; overflow-x:hidden;}
html { height:100%; background:#fff;}
body { max-width:1920px; margin:0 auto; font:0/0 Arial; color:#595757; overflow-y:hidden;}
* { margin:0; padding:0; list-style:none;}
img { border:0;}
input,select,textarea { float:left; background:none; border:0; font:14px/20px "microsoft yahei"; color:#595757;}
input[type="submit"] { cursor:pointer;}
select:-ms-expand { display:none;}
u { text-decoration:none;}
a,a:hover { text-decoration:none; color:#e60012;}
a { color:#595757; blr:expression(this.onFocus=this.blur());}
:focus { outline:none;}
div { font:12px/20px "microsoft yahei";}
p,li,h1,dt,dd,input,select,textarea { text-align:justify; text-justify:inter-ideograph;}
i,em,cite { font-style:normal;}
ul,ol,li { float:left;}
h1,h2,h3,h4,h5,h6 { font:normal 12px/20px "microsoft yahei"; text-transform:uppercase;}
table { border:#ddd 1px solid; border-collapse:collapse; border-spacing:0;}
th,td { padding:0 10px; border:#ccc 1px solid; vertical-align:middle;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display:block;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:rgba(0,0,0,0.5);}
input::-moz-placeholder,textarea::-moz-placeholder { color:rgba(0,0,0,0.5);}
input:-moz-placeholder,textarea:-moz-placeholder { color:rgba(0,0,0,0.5);}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color:rgba(0,0,0,0.5);}
.m_fl { float:left;}
.m_fr { float:right;}
.m_auto { margin:auto; float:none !important;}
.overflow,li { overflow:hidden;}
.clearfix { zoom:1;}
.clearfix:after { clear:both; content:""; display:block;}
.ffsong { font-family:"SimSun";}
.ffyahei { font-family:"microsoft yahei";}
.hidden { display:none;}
.display { display:block;}
.red { color:red !important;}
.img,.loading,#slides .imgs ul li,.loading { background:#f5f5f5 url(../images/img_loading.gif) no-repeat center center; background-size:40px;}

/**头部和尾部**/
header { width:100%; border-bottom:#e60012 2px solid; position:relative; z-index:200;}
header .header { width:1200px; height:149px; position:relative; z-index:20;}
header .header:before { width:1920px; height:1px; content:""; background:#efeff0; position:absolute; bottom:49px; left:50%; margin-left:-960px; z-index:30;}

header .logo { height:74px; position:absolute; top:13px; left:0; z-index:30;}
header .logo img { height:100%;}

header .nav { height:50px; line-height:50px; position:absolute; bottom:0; right:100px; z-index:40;}
header .nav li { height:100%; margin-left:65px; position:relative; z-index:10;}
header .nav li>a { float:left; height:100%; font-size:16px;}
header .nav li>a:before { width:0; height:2px; content:""; background:#e60012; position:absolute; top:0; left:0; transition:all 0.5s;}
header .nav li>a:hover:before,header .nav li>a.active:before { width:100%;}
header .nav li>a:hover,header .nav li>a.active { color:#e60012;}

header .icon { height:30px; position:absolute; top:35px; right:0; z-index:100; transition:all 0.5s;}
header .icon li { width:30px; height:100%; margin-left:15px; position:relative; cursor:pointer; overflow:visible;}
header .icon li a { float:left; width:30px; height:30px; position:relative;}
header .icon li a:before { width:24px; height:20px; content:""; background:url(../images/base.png) no-repeat 100px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
header .icon li.wx,header .icon li.app { display:none;}
header .icon li.wx a:before { background-position:-20px 0;}
header .icon li.wx:hover a:before { background-position:-20px -20px;}
header .icon li.mobile a:before { background-position:-45px 0;}
header .icon li.mobile:hover a:before { background-position:-45px -20px;}
header .icon li.app a:before { background-position:-70px 0;}
header .icon li.app:hover a:before { background-position:-70px -20px;}
header .icon li.tel { width:auto; padding-left:23px; margin-right:20px; font:20px/30px Arial; color:#3e3a39; cursor:inherit;}
header .icon li.tel i { float:left; font:12px/30px "microsoft yahei";}
header .icon li.tel:before,header .icon li.tel:after { content:""; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
header .icon li.tel:before { width:19px; height:19px; background:#fd0014; border-radius:5px; margin-left:0; z-index:10;}
header .icon li.tel:after { width:11px; height:11px; background:url(../images/base.png) no-repeat 0 0; margin-left:4px; z-index:20;}
header .icon li .ewm { width:120px; height:135px; background:none; position:absolute; top:25px; left:50%; margin-left:-60px; transition-duration:400ms; transform:translateY(10%); opacity:0; visibility:hidden;}
header .icon li .ewm:before { width:114px; height:114px; content:""; background-color:#fff; border:#e60012 3px solid; border-radius:3px; position:absolute; bottom:0; left:0; z-index:10;}
header .icon li .ewm:after { width:0; height:0; content:""; border-right:transparent 9px solid; border-left:transparent 9px solid; border-bottom:#e60012 9px solid; position:absolute; bottom:119px; left:50%; margin-left:-8px;}
header .icon li .ewm img { width:100px; height:100px; position:absolute; bottom:10px; left:10px; z-index:20;}
header .icon li:hover .ewm { transform:translateY(0); opacity:1; visibility:visible;}

header .mask { width:1920px; height:100%; content:""; position:absolute; bottom:0; left:50%; margin-left:-960px; z-index:10;}

header .search { width:36px; height:36px; background:#e60012; position:absolute; bottom:6px; right:0; z-index:50; cursor:pointer;}
header .search:before { width:18px; height:18px; content:""; background:url(../images/base.png) no-repeat 0 -15px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}

header .header_search { width:0; height:36px; background:#fff; overflow:hidden; position:absolute; bottom:6px; right:0; z-index:40; transition:all 0.5s;}
header .header_search em { width:36px; height:36px; background:#e60012; position:absolute; top:0; right:0; z-index:20;}
header .header_search em:after { width:18px; height:18px; content:""; background:url(../images/base.png) no-repeat 0 -15px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
header .header_search input { position:absolute;}
header .header_search input[type=text] { width:calc(100% - 2px); height:calc(100% - 4px); padding-bottom:2px; border:#e60012 1px solid; border-radius:5px; text-indent:8px; color:rgba(0,0,0,0.5); top:0; left:0; z-index:10;}
header .header_search input[type=text]:focus { color:#e60012;}
header .header_search input[type=submit] { width:27px; height:27px; background:none; border:0; top:0; right:0; z-index:30; cursor:pointer;}
header .header_search.open { width:220px; z-index:60;}

footer { width:100%; margin-top:40px; background:#f1f1f1; border-bottom:#e60012 4px solid; position:relative;}
#footer { position:fixed; bottom:0; left:0; z-index:100;}
footer .footer { width:1200px; min-height:150px; padding:40px 0; color:#595757; position:relative;}
footer a { color:#595757;}
footer a:hover { color:#e60012;}

footer .link { width:100%; margin-bottom:25px;}
footer .link li { padding-left:31px; line-height:14px; font-size:14px; position:relative;}
footer .link li:before { width:1px; height:14px; content:""; background:#898989; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto auto 15px;}
footer .link li:first-child { padding:0;}
footer .link li:first-child:before { display:none;}

footer .copyright { width:100%; line-height:24px; font-size:12px;}
footer .copyright i { padding:0 8px;}

footer .ewm { height:150px; position:absolute; top:40px; right:0;}
footer .ewm li { width:130px; height:100%; margin-left:20px; position:relative;}
footer .ewm li p { width:100%; overflow:hidden; position:absolute; left:0;}
footer .ewm li .img { width:116px; height:116px; border:#fff 7px solid; font:0/0 Arial; top:0;}
footer .ewm li .img img { width:100%; min-height:100%;}
footer .ewm li .txt { line-height:12px; text-align:center; font-size:12px; bottom:0;}

/**首页**/
section { width:100%; position:relative; z-index:100;}

#slides { height:650px; font:0/0 Arial; position:relative; z-index:50;}
#slides .imgs { width:1920px; height:100%; position:absolute; top:0; left:50%; margin-left:-960px; z-index:10;}
#slides .imgs ul { width:1000%; height:100%;}
#slides .imgs ul li { height:100%;}
#slides .imgs ul li img { width:100%; height:100%;}
#slides .list { width:100%; text-align:center; font:0/0 Arial; position:absolute; bottom:15px; left:0; z-index:20;}
#slides .list li { float:none !important; width:14px; height:14px; margin:0 1px; border:transparent 2px solid; border-radius:100%; display:inline-block; font:0/0 Arial; position:relative; cursor:pointer;}
#slides .list li:before { width:8px; height:8px; content:""; background:#fff; border-radius:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
#slides .list li.active { margin:0 3px; border-color:#e60012;}
#slides .list li.active:before { background:#e60012;}
#slides_prev,#slides_next { width:0; height:0; display:none; position:absolute; top:50%; margin-top:-36.5px; z-index:30; cursor:pointer;}
#slides_prev { left:0;}
#slides_next { right:0;}

.index_title { width:100%; height:45px; line-height:44px; background:#f1f1f1; color:#fff; position:relative;}
.index_title li { height:100%; padding:0 15px; background:#e60012; font-size:18px; position:absolute; top:0; left:0;}
.index_title .more { width:45px; height:100%; background:#ddd; position:absolute; top:0; right:0;}
.index_title .more:before { width:15px; height:15px; content:""; background:url(../images/base.png) no-repeat 0 -35px; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.index_title .more:hover { background:#e60012;}

#index_part1 { margin-top:40px;}
.index_part1 { width:1200px; position:relative;}

.index_part1 .list { width:105%; height:100px;}
.index_part1 .list li { width:290px; height:100px; margin-right:13px; background:#e60012 url(../images/index_part1_li.png) no-repeat; position:relative;}
.index_part1 .list li a { width:100%; height:100px; display:block;}
.index_part1 .list li p { width:170px; color:#fff; overflow:hidden; position:absolute; left:120px;}
.index_part1 .list li .icon { width:100px; height:100%; background:#e60012; top:0; left:0;}
.index_part1 .list li .icon:before { width:55px; height:50px; content:""; background:url(../images/base.png) no-repeat -95px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.index_part1 .list li .txt1 { height:20px; line-height:20px; font-size:20px; top:30px;}
.index_part1 .list li .txt2 { height:12px; line-height:12px; font-size:12px; text-transform:uppercase; bottom:30px;}
.index_part1 .list li:nth-child(2) .icon:before { background-position:-150px 0;}
.index_part1 .list li:nth-child(3) .icon:before { background-position:-205px 0;}
.index_part1 .list li:nth-child(4) .icon:before { background-position:-260px 0;}
.index_part1 .list li:hover { background-color:#352c2a; background-image:url(../images/index_part1_li_hover.png);}
.index_part1 .list li:hover .icon { background:#352c2a;}

#index_part2 { margin-top:40px;}
.index_part2 { width:1200px; height:470px; position:relative;}

.index_part2_left { width:450px; height:100%; position:absolute; top:0; left:0;}
.index_part2_left .info { width:100%; height:405px; line-height:24px; font-size:14px; position:absolute; bottom:0; left:0;}
.index_part2_left .info img { max-width:100%;}
.index_part2_left .info a { color:#004098;}
.index_part2_left .info a:hover { color:#e60012;}

.index_part2_right { width:710px; height:100%; position:absolute; top:0; right:0;}
.index_part2_right .imglist { width:100%; height:250px; position:absolute; top:65px; left:0;}
.index_part2_right .imglist li { width:100%; height:120px; margin-bottom:10px; position:relative;}
.index_part2_right .imglist li a { width:100%; height:100%; display:block;}
.index_part2_right .imglist li p { width:515px; color:#898989; overflow:hidden; position:absolute; left:195px;}
.index_part2_right .imglist li .img { width:180px; height:120px; top:0; left:0;}
.index_part2_right .imglist li .img img { width:100%; min-height:100%; transition:all 0.5s;}
.index_part2_right .imglist li .title { height:16px; line-height:16px; font-size:16px; color:#3e3a39; text-overflow:ellipsis; white-space:nowrap; top:14px;}
.index_part2_right .imglist li .date { height:12px; line-height:12px; top:45px;}
.index_part2_right .imglist li .info { height:40px; bottom:11px;}
.index_part2_right .imglist li:hover .img img { transform:scale(1.1);}
.index_part2_right .imglist li:hover .title { color:#e60012;}

.index_part2_right .txtlist { width:100%; height:140px; padding-top:4px; border-top:#f1f1f1 1px solid; position:absolute; bottom:-7px; left:0;}
.index_part2_right .txtlist li { width:100%; height:20px; margin-top:7px; font-size:14px;}
.index_part2_right .txtlist li a { width:100%; height:100%; text-indent:8px; display:block; position:relative;}
.index_part2_right .txtlist li a:before { width:2px; height:2px; content:""; background:#595757; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto auto 0;}
.index_part2_right .txtlist li span { float:right; margin-left:15px; text-indent:0; font:12px/20px Arial; color:#898989;}
.index_part2_right .txtlist li a:hover:before { background:#e60012;}
.index_part2_right .txtlist li a:hover span { color:#e60012;}

/**公共**/
.banner { width:1920px; margin-bottom:40px; font:0/0 Arial; position:relative; left:50%; margin-left:-960px; z-index:10;}
.banner .img { width:100%; text-align:center; position:relative; z-index:10;}
.banner .title { width:200px; height:80px; position:absolute; top:0; right:0; bottom:0; left:0; margin:80px auto auto auto; z-index:30;}
.banner .title:before { width:24px; height:2px; content:""; background:rgba(255,255,255,1); position:absolute; top:0; right:0; bottom:0; left:0; margin:45px auto auto auto;}
.banner .title li { width:100%; text-align:center; color:#fff; text-transform:uppercase; position:absolute; left:0;}
.banner .title .txt1 { line-height:28px; font-size:28px; top:0;}
.banner .title .txt2 { line-height:16px; font-size:16px; bottom:0;}

main { width:1200px; position:relative; z-index:100;}
.main_all { width:100%;}
.main_left { width:250px;}
.main_right { width:900px;}
.main_left_fix { position:absolute; left:50%; margin-left:-600px;}

.menu_all { width:100%; height:60px; background:#fff; position:absolute; top:-100px; left:0;}
.menu_all li { height:100%; margin-left:45px; position:relative; z-index:30;}
.menu_all li:first-child { margin-left:40px;}
.menu_all li a { float:left; height:100%; line-height:62px; font-size:16px; position:relative;}
.menu_all li a:before { width:0px; height:3px; content:""; background:#e60012; position:absolute; top:0; right:0; bottom:0; left:0; margin:0 auto auto auto; transition:all 0.3s;}
.menu_all li a:hover { color:#e60012;}
.menu_all li a:hover:before { width:30px;}
.menu_all li a.active { color:#e60012;}
.menu_all li a.active:before { width:30px;}
.menu_all span { height:14px; padding-left:17px; font:12px/12px "SimSun"; color:#898989; position:absolute; top:50%; right:25px; margin-top:-7px; z-index:30;}
.menu_all span a,.menu_all span i { font-family:"microsoft yahei"; color:#898989; position:relative;}
.menu_all span a:hover { color:#e60012;}
.menu_all span:before { width:11px; height:12px; content:""; background:url(../images/base.png) no-repeat -315px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto auto 0;}
.menu_all span.l { left:25px; right:auto;}

.main_all .menu { width:105%; margin-bottom:17px;}
.main_all .menu li { width:290px; height:50px; line-height:48px; margin:0 13px 13px 0; border-radius:3px;}
.main_all .menu li a { width:100%; height:100%; background:#e60012; text-align:center; font-size:16px; color:#fff; display:block;}
.main_all .menu li a:hover,.main_all .menu li a.active { background:#352c2a;}

.main_left .menu { width:250px; padding:80px 0 150px; background:#f2f2f3; position:relative;}
.main_left .menu span { width:100%; height:80px; background:#e60012; position:absolute; top:0; left:0; z-index:20;}
.main_left .menu h5,.main_left .menu h6 { color:#fff; position:absolute; left:30px;}
.main_left .menu h5 { line-height:18px; font-size:20px; top:50%; margin-top:-9px;}
.main_left .menu h6 { line-height:12px; font-size:12px; bottom:25px;}
.main_left .menu>li { width:100%; height:50px; line-height:50px; border-bottom:rgba(0,0,0,0.05) 1px solid; text-indent:30px; font-size:14px; position:relative; z-index:10;}
.main_left .menu>li>a { width:100%; height:100%; display:block; position:relative;}
.main_left .menu>li>a:before,.main_left .menu>li>a:after { width:0; height:0; content:""; background:url(../images/base.png) no-repeat; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; display:none;}
.main_left .menu>li>a:before { width:11px; height:12px; background-position:-315px -15px; margin-left:12px;}
.main_left .menu>li>a:after { width:6px; height:9px; background-position:-315px -30px; margin-right:12px;}
.main_left .menu>li>a:hover,.main_left .menu>li>a.active { background:#fff; color:#e60012;}
.main_left .menu>li>a.active:before,.main_left .menu>li>a.active:after { display:block;}

.location { width:100%; height:53px; margin-bottom:25px; border-top:#9fa0a0 2px solid; position:relative; z-index:10;}
.location h5 { line-height:18px; font-size:18px; color:#e60012; position:absolute; top:50%; left:0; margin-top:-10px;}
.location h5:before { width:100%; height:2px; padding-right:120px; content:""; background:#e60012; position:absolute; top:-19px; left:0;}
.location span { height:14px; line-height:12px; font-family:"SimSun"; color:#898989; position:absolute; top:50%; right:20px; margin-top:-6px;}
.location span a { font-family:"microsoft yahei"; color:#898989; position:relative;}
.location span a:hover { color:#e60012;}
.location span:before { width:5px; height:5px; content:""; background:#e60012; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto auto -12px; transform:rotate(45deg);}

/**页码**/
.pages { width:calc(100% - 100px); height:29px; padding:20px 100px 0 0; margin:22px 0 0 0; border-top:#c9caca 1px solid; text-align:right; position:relative; z-index:100;}
.pages>a,.pages span { height:27px; line-height:26px; padding:0 10px; margin-left:10px; border:#c8cfd2 1px solid; border-radius:3px; display:inline-block; position:relative;}
.pages>a:hover,.pages span { background:#e60012; border-color:#e60012; color:#fff;}
.pages .nums { float:left; height:100%; padding:0; margin:0 30px 0 0; background:none; border:0; line-height:28px; color:#595757;}
.pages .nums i { padding:0 3px;}
.pages .none { border-color:#ccc; color:#ccc; cursor:no-drop;}
.pages .none:hover { background:none; border-color:#ccc; color:#ccc;}

.pages .gotoPage { width:60px; height:29px; background:none; border:0; color:#595757; position:absolute; top:20px; right:0;}
.pages .gotoPage em { position:absolute;}
.pages .gotoPage em.value { width:calc(100% - 2px); height:calc(100% - 2px); line-height:26px; border:#c8cfd2 1px solid; border-radius:3px; top:0; left:0; text-align:left; text-indent:9px; cursor:pointer;}
.pages .gotoPage em.value:after { width:0; height:0; content:""; border-right:transparent 6px solid; border-left:transparent 6px solid; border-top:#ccc 6px solid; display:block; position:absolute; top:50%; right:9px; margin-top:-3px; transition-duration:400ms;}
.pages .gotoPage em.open { border-color:#e60012;}
.pages .gotoPage em.open:after { transform:rotate(180deg);}
.pages .gotoPage dl { width:calc(100% - 2px); max-height:161px; background:#fff; border:#c8cfd2 1px solid; position:absolute; bottom:calc(100% + 2px); right:0; cursor:auto; z-index:100; transition-duration:400ms; transform:translateY(-2%); opacity:0; visibility:hidden; overflow-x:hidden; overflow-y:scroll;}
.pages .gotoPage dl dd { float:left; width:100%; height:26px; line-height:24px; border-top:#f7f7f7 1px solid; text-indent:9px; overflow:hidden;}
.pages .gotoPage dl dd a { float:left; width:100%; height:100%;}
.pages .gotoPage dl dd:first-child { border:0;}
.pages .gotoPage dl dd a:hover,.pages .gotoPage dl dd a.active { background:#e60012; color:#fff;}
.pages .gotoPage dl.open { transform:translateY(0); opacity:1; visibility:visible;}

.page2 { width:100%; height:40px; padding-bottom:25px; margin:25px 0 25px; border-bottom:#ccc 1px solid; position:relative;}
.page2 li { width:150px; height:40px; text-align:center; position:absolute; top:0;}
.page2 li.prev { left:50%; margin-left:-160px;}
.page2 li.next { right:50%; margin-right:-160px;}
.page2 a { width:calc(100% - 2px); height:calc(100% - 2px); line-height:38px; border:#898989 1px solid; border-radius:3px; font-size:14px; display:inline-block;}
.page2 a:hover { background:#e60012; border-color:#e60012; color:#fff;}
.page2 a.none,.page2 a.none:hover { background:none; border-color:#c8cfd2; color:#c8cfd2;}
.history { width:100%; margin:30px 0 -6px; padding-top:12px; border-top:#ddd 1px solid;}
.history li { width:100%; height:24px; line-height:24px;}
.history li span { color:#9aa1a5;}

/**内容**/
article { width:100%; line-height:26px; font-size:14px; margin:-7px 0 -6px;}
article img { max-width:100%; margin:7px auto -2px;}
article .img { margin-top:0; font:0/0 Arial;}
article .img:first-child,article iframe:first-child { margin-top:7px !important;}
article .img img { margin-top:0 !important;}

/**列表**/
#list { width:100%; position:relative;}

#list .list_newsImg { width:100%; margin-top:-20px; position:relative; z-index:30;}
#list .list_newsImg li { width:calc(100% - 2px); height:140px; margin-top:20px; background:#f2f2f3; border:#efefef 1px solid; position:relative;}
#list .list_newsImg li p { width:calc(100% - 220px); color:#898989; overflow:hidden; position:absolute; left:205px; z-index:20;}
#list .list_newsImg li a { width:100%; height:100%; display:block; position:relative;}
#list .list_newsImg li .img { width:180px; height:120px; top:10px; left:10px;}
#list .list_newsImg li .img img { width:100%; min-height:100%; transition:all 1s}
#list .list_newsImg li .title { height:16px; line-height:16px; font-size:16px; color:#3e3a39; text-overflow:ellipsis; white-space:nowrap; top:20px;}
#list .list_newsImg li .date { line-height:12px; top:55px;}
#list .list_newsImg li .date span { float:left; height:12px; margin-left:21px; position:relative;}
#list .list_newsImg li .date span:before { width:1px; height:100%; content:""; background:#898989; position:absolute; top:1px; left:-11px;}
#list .list_newsImg li .date span:first-child { margin:0;}
#list .list_newsImg li .date span:first-child:before { display:none;}
#list .list_newsImg li .info { height:40px; bottom:16px;}
#list .list_newsImg li:hover { background:#e60012;}
#list .list_newsImg li:hover a,#list .list_newsImg li:hover p { color:#fff;}
#list .list_newsImg li:hover .img img { transform:scale(1.1);}
#list .list_newsImg li:hover .date span:before { background:#fff;}

#list .list_photo { width:105%; margin:-15px 0 0px;}
#list .list_photo li { width:390px; height:270px; margin:15px 15px 0 0; position:relative;}
#list .list_photo li p { width:100%; overflow:hidden; position:absolute; left:0;}
#list .list_photo li .img { width:100%; height:100%; top:0;}
#list .list_photo li .img img { width:100%; min-height:100%; transition:all 0.8s;}
#list .list_photo li .title { height:36px; line-height:36px; background:#dbe2f9; text-align:center; font-size:14px; bottom:0;}
#list .list_photo li:hover .img img { transform:scale(1.1);}
#list .list_photo li:hover .title { background:#e60012; color:#fff;}

#list .add_msg { width:510px; height:375px; background:#fff; border:#efefef 0px solid; position:relative;}
#list .add_msg li { width:100%; height:50px; position:absolute;}
#list .add_msg li:before { width:20px; height:16px; content:""; background:url(../images/base.png) no-repeat 20px 0; position:absolute; top:50%; left:13px; z-index:30; margin-top:-8px;}
#list .add_msg li input[type="text"],#list .add_msg li textarea { border:#c9caca 2px solid; text-indent:40px; color:#595757; position:absolute; top:0; left:0; z-index:20;}
#list .add_msg li input[type="text"]:focus,#list .add_msg li textarea:focus { border-color:#e60012;}
#list .add_msg li input[type="text"] { width:calc(100% - 4px); height:46px; font:14px/40px "microsoft yahei";}
#list .add_msg li.user { top:0; left:0;}
#list .add_msg li.user:before { background-position:0 -50px;}
#list .add_msg li.tel { top:65px; left:0;}
#list .add_msg li.tel:before { background-position:-20px -50px;}
#list .add_msg li.detail { height:184px; top:130px; left:0;}
#list .add_msg li.detail textarea { width:calc(100% - 30px); height:160px; padding:10px 13px; text-indent:0; font:14px/20px "microsoft yahei";}
#list .add_msg li.submit { width:126px; height:46px; background:#e60012; border:0; text-align:center; font:16px/44px "microsoft yahei"; color:#fff; bottom:0; left:0px; cursor:pointer;}
#list .add_msg li.submit i { padding-left:28px; display:inline-block; position:relative;}
#list .add_msg li.submit i:before { width:16px; height:15px; content:""; background:url(../images/base.png) no-repeat -40px -50px; position:absolute; top:50%; left:0; margin-top:-7px;}
#list .add_msg li.loading { width:100%; height:100%; background-color:rgba(0,0,0,0.1); border:0; top:0; left:0; z-index:30; display:none;}

/**内容**/
#detail { width:100%; position:relative;}

#detail .view_news_title { width:100%; margin:0 0 40px;}
#detail .view_news_title h1,#detail .view_news_title h2,#detail .view_news_title h3 { float:left; width:100%; text-align:center;}
#detail .view_news_title h1 { margin:-6px 0 10px; font:bold 20px/30px "microsoft yahei";}
#detail .view_news_title h2 { line-height:20px; color:#898989;}
#detail .view_news_title h2 span { margin-right:15px; text-transform:none; display:inline-block;}
#detail .view_news_title h3 { height:44px; line-height:44px; margin-top:20px; border:#c9caca 1px dotted; border-left:0; border-right:0; font-size:14px; color:#e60012;}
#detail .view_news_title h3 span { margin-right:25px; text-transform:none; display:inline-block;}

#detail .view_project_title { width:calc(100% - 790px); height:360px; padding:0 35px 0 755px; background:#fff; position:relative;}
#detail .view_project_title li { width:100%; margin-top:15px; position:relative; z-index:10;}
#detail .view_project_title .img { width:720px; height:100%; margin:0; position:absolute; top:0; left:0;}
#detail .view_project_title .img img { width:100%; min-height:100%;}
#detail .view_project_title .dian { width:20px; height:20px; margin:0; background:#fff100; overflow:visible; position:absolute; top:0; left:795px;}
#detail .view_project_title .dian:before,#detail .view_project_title .dian:after { width:20px; height:20px; content:""; position:absolute; top:0;}
#detail .view_project_title .dian:before { background:#e60012; left:-40px;}
#detail .view_project_title .dian:after { background:#1d2088; right:-40px;}
#detail .view_project_title .title { margin:40px 0 5px; line-height:30px; font-size:24px; color:#3e3a39;}
#detail .view_project_title .price { line-height:22px; text-indent:15px; font-size:28px; color:#e60012;}
#detail .view_project_title .price:before { width:10px; height:12px; content:""; background:url(../images/base.png) no-repeat -145px -60px; position:absolute; bottom:0; left:0px;}
#detail .view_project_title .txt1 { padding:10px 0; border:#ddd 1px dotted; border-left:0; border-right:0; color:#898989;}
#detail .view_project_title .txt2 { padding-bottom:11px; margin-top:10px; line-height:26px; border-bottom:#ddd 1px dotted;}
#detail .view_project_title .txt2 p { float:left; min-width:30%;}
#detail .view_project_title .order { width:calc(100% - 790px); height:77px; background:#fff; position:absolute; bottom:0; left:755px; z-index:20;}
#detail .view_project_title .order a { width:140px; height:40px; line-height:38px; background:#e60012; text-align:center; font-size:16px; color:#fff; position:absolute; top:50%; left:0; margin-top:-20px;}
#detail .view_project_title .order a:hover { background:#1d2088;}

#detail .view_project_info { width:calc(100% - 25px); padding:80px 25px 35px 0; margin-top:30px; background:#1d2088; color:#fff; position:relative;}
#detail .view_project_info li { position:absolute;}
#detail .view_project_info .dian { width:20px; height:20px; background:#fff; overflow:visible; top:0; left:65px;}
#detail .view_project_info .dian:before,#detail .view_project_info .dian:after { width:20px; height:20px; content:""; position:absolute; top:0;}
#detail .view_project_info .dian:before { background:#e60012; left:-40px;}
#detail .view_project_info .dian:after { background:#fff100; right:-40px;}
#detail .view_project_info .title { font-size:16px; color:#fff; top:48px; left:25px;}
#detail .view_project_info p { float:left; width:300px; margin:10px 0 0 25px; position:relative;}
#detail .view_project_info p:nth-child(3n + 1) { width:250px;}
#detail .view_project_info p:nth-child(3n) { width:525px;}

#detail .view_photo_title { width:100%;}
#detail .view_photo_title h1 { float:left; width:100%; margin:-6px 0 14px; text-align:center; font:20px/30px "microsoft yahei"; color:#30363a;}

#detail .view_photo_img { width:100%; text-align:center; font:0/0 Arial; position:relative;}
#detail .view_photo_img em { display:inline-block; position:relative;}
#detail .view_photo_img img { max-width:730px;}

#detail .view_photo_list { width:730px; height:122px; margin-top:15px; overflow:hidden; position:relative; left:50%; margin-left:-365px; z-index:20;}
#detail .view_photo_list #list3_auto { width:1000000000%; height:100%;}
#detail .view_photo_list li { width:175px; height:100%; margin-right:10px; position:relative;}
#detail .view_photo_list li a { float:left; width:100%; height:100%; position:relative;}
#detail .view_photo_list li a:before { width:calc(100% - 2px); height:calc(100% - 2px); border:#ddd 1px solid; position:absolute; top:0; left:0; z-index:10;}
#detail .view_photo_list li a:after { width:calc(100% - 4px); height:calc(100% - 4px); content:""; border:#e60012 2px solid; position:absolute; top:0; left:0; z-index:20; display:none;}
#detail .view_photo_list li img { width:100%; min-height:100%;}
#detail .view_photo_list li a.active:after,#detail .view_photo_list li a:hover:after { display:block;}

/**弹出**/
#pop_div { width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; top:0; left:0; z-index:9999; display:none;}
.pop_div { width:100%; text-align:center; font:0/0 "microsoft yahei"; position:absolute; top:50%; left:0;}
.pop_div .showImg { float:none !important; position:relative; display:inline-block;}
.pop_div .showImg img { position:relative; max-height:500px; z-index:10;}
.pop_div .showImg li { text-align:center; position:absolute; cursor:pointer; z-index:20;}
.pop_div .showImg .close { width:45px; height:45px; background:rgba(0,0,0,0.8); top:0; right:0;}
.pop_div .showImg .close:before { width:25px; height:25px; content:""; background:url(../images/base.png) no-repeat -330px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; cursor:pointer;}
.pop_div .showImg .close:hover { background:#e60012;}
.pop_div .showImg .title { width:100%; height:46px; line-height:44px; background:rgba(0,0,0,0.8); font-size:16px; color:#fff; bottom:-46px; left:0;}
.pop_div .showImg .loading { width:100%; height:100%; background-color:rgba(0,0,0,0.1); top:0; left:0; z-index:30; display:none;}
.pop_div .showImg .page { width:20px; height:20px; position:absolute; bottom:-34px; z-index:25;}
.pop_div .showImg .page:before { width:9px; height:17px; content:""; background:url(../images/base.png) no-repeat 50px 0; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; transition:all 0.5s;}
.pop_div .showImg .prev { right:35px;}
.pop_div .showImg .prev:before { background-position:-330px -30px;}
.pop_div .showImg .prev:hover:before { background-position:-345px -30px;}
.pop_div .showImg .prev.end:before { background-position:-300px -50px;}
.pop_div .showImg .next { right:10px;}
.pop_div .showImg .next:before { background-position:-345px -50px;}
.pop_div .showImg .next:hover:before { background-position:-330px -50px;}
.pop_div .showImg .next.end:before { background-position:-315px -50px;}

/**搜索**/
.search { width:100%;}
.search .list_tongji { width:100%; height:53px; margin-bottom:25px; border-top:#9fa0a0 2px solid; position:relative; z-index:10;}
.search .list_tongji li { height:20px; font-size:14px; overflow:visible; position:absolute; top:50%; left:0; margin-top:-10px;}
.search .list_tongji li:before { width:100%; height:2px; padding-right:120px; content:""; background:#e60012; position:absolute; top:-19px; left:0;}
.search .list_tongji i { color:#f00;}

.search .list_txtlist { width:100%; margin:-20px 0 -23px; background:#fff; position:relative; z-index:90;}
.search .list_txtlist li { width:100%; padding-bottom:18px; margin-top:16px; border-bottom:#c9caca 1px dotted; color:#898989;}
.search .list_txtlist li p { float:left; width:100%;}
.search .list_txtlist li .title { line-height:22px; font-size:16px;}
.search .list_txtlist li .date { line-height:12px; margin-top:10px;}
.search .list_txtlist li .date span { height:100%; padding-left:11px; margin-left:10px; border-left:#898989 1px solid; display:inline-block;}
.search .list_txtlist li .date span:first-child { padding:0; margin:0; border:0;}
.search .list_txtlist li .info { margin-top:10px;}
.search .list_txtlist li:hover a { color:#e60012;}
